<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
	<title>WebProjects</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="stylesheet" media="screen" type="text/css" title="Design" href="style/style.css" />
		<link type="text/css" href="style/css_calendrier/jquery-ui-1.8.13.custom.css" rel="Stylesheet"  />

		<script type="text/javascript" src="javascript/script_evenement.js"></script>
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script>
		<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js" type="text/javascript"></script>
		<script src="http://jquery-ui.googlecode.com/svn/trunk/ui/i18n/jquery.ui.datepicker-fr.js"</script>

		<script type="text/javascript">
		$(function() {
			$( "#datepicker" ).datepicker();
		});
		</script>

</head>
<body>

	<div id="barre_haute_logo">
		<img src="images/barre_logo.png" alt="logo" title="logo" width="1000" height="44"/>
	</div>

	<div id="menu">
		<ul>
			<li class="lien_projet"><a href="v_gestion_projet.html">Gestion des projets</a></li>
			<li class="lien_gestion_activite"><a href="v_gestion_activite.html">Gestion des activités</a></li>
			<li class="lien_afficher_activite"><a href="v_afficher_activite.html">Afficher mes activités</a></li>
		</ul>
	</div>

	<img src="images/barre_sous_menu.png" alt="barre" title="barre" width="1000" height="2"/>

	<div id="contenu">
		<div class="titre_contenu_ajouter"><div class="texte_titre_contenu_activite"><strong>Ajouter une activité</strong></div></div>
			<form action="#" method="post">
				<div class="fond_label_activite">
					<label class="label_activite"><strong>Nom de l'activité : </strong></label>
						<input type="text" name="nom_activite" class="champ_nom_activite"/>
				</div>

				<div class="fond_label_activite">
					<label class="label_activite"><strong>Priorité de l'activité : </strong></label>
						<select name="priorite_activite" id="priorite_activite" class="liste_activite_priorite">
           					<option value="1">Basse</option>
							<option value="2">Moyenne</option>
   							<option value="3">Haute</option>
   							<option value="4">Urgente</option>
						</select>
				</div>

				<div class="fond_label_activite">
					<label class="label_activite"><strong>Echéance de l'activité : </strong></label>
						<input type="text" name="date_echeance_activite" class="champ_date_echeance_activite" id="datepicker"/>
				</div>

				<div class="fond_label_activite">
					<label class="label_activite"><strong>Etat de l'activité : </strong></label>
						<select name="priorite_activite" id="priorite_activiter" class="liste_etat_activite">
           					<option value="1">0%</option>
							<option value="2">25%</option>
   							<option value="3">50%</option>
   							<option value="4">75%</option>
   							<option value="5">100%</option>
						</select>
				</div>

				<div class="fond_label_activite">
					<label class="label_activite"><strong>Appartenance à un projet : </strong></label>
						<select name="priorite_activite" id="priorite_activiter" class="liste_appartenance_projet_activite">
           					<option value="0">Aucun</option>
							<option value="1">Projet 1</option>
							<option value="2">Projet 2</option>
   							<option value="3">Projet 3</option>
   							<option value="4">Projet 4</option>
   							<option value="5">Projet 5</option>
						</select>
						<input type="submit" value="Ajouter cette activité"/>
				</div>
			</form>

		<div class="titre_contenu_lister"><div class="texte_titre_contenu_activite"><strong>Liste des activités</strong></div></div>

		<div class="texte_projet_fonce"><strong>Gestion des voitures</strong></div>
			<div class="fond_liste_projet_gris_clair">
				<span class="commentaire_projet_liste">
					<strong>Nom de mon activité 1, a été créée le 11 septembre 2010 et doit se terminer le 14 septembre 2010. Elle est à 25% terminer et est urgente.</strong></span>
					<br/><strong>
						<a href="v_modifie_activite.html" class="lien_modifier_activite">Modifier cette activité</a>
						<a href="test.html" class="lien_supprimer_activite" onclick="return confirmationSuppression();">Supprimer cette activité</a>
					</strong>
			</div>
			<div class="liste_ensemble_activite">
				<ul>
					<li class="liste_decalage_activite_gris_fonce">Tâche 1, date du 11/12/2010 et doit se terminer le 12/12/2010, état : 50%
										<strong>
											<a href="v_gestion_tache.html" class="lien_modifier_tache">Modifier cette tâche</a>
											<a href="test.html" class="lien_supprimer_tache" onclick="return confirmationSuppression();">Supprimer cette tâche</a>
										</strong>
					</li>
					<li class="liste_decalage_activite_gris_clair">Tâche 1, date du 11/12/2010 et doit se terminer le 12/12/2010, état : 50%
										<strong>
											<a href="v_gestion_tache.html" class="lien_modifier_tache">Modifier cette tâche</a>
											<a href="test.html" class="lien_supprimer_tache" onclick="return confirmationSuppression();">Supprimer cette tâche</a>
										</strong>
				</ul>

			<div class="fond_liste_projet_gris_fonce">
				<span class="commentaire_projet_liste"><strong>Nom de mon activité 1, a été créée le 11 septembre 2010 et doit se terminer le 14 septembre 2010. Elle est à 25% terminer et est urgente.</strong></span>
				<br/><strong>
						<a href="v_modifie_activite.html" class="lien_modifier_activite">Modifier cette activité</a>
						<a href="test.html" class="lien_supprimer_activite" onclick="return confirmationSuppression();">Supprimer cette activité</a>
					</strong>
			</div>
			<div class="liste_ensemble_activite">
				<ul>
					<li class="liste_decalage_activite_gris_fonce">Tâche 1, date du 11/12/2010 et doit se terminer le 12/12/2010, état : 50%
										<strong>
											<a href="v_gestion_tache.html" class="lien_modifier_tache">Modifier cette tâche</a>
											<a href="test.html" class="lien_supprimer_tache" onclick="return confirmationSuppression();">Supprimer cette tâche</a>
										</strong>
					<li class="liste_decalage_activite_gris_clair">Tâche 2, date du 11/12/2010 et doit se terminer le 12/12/2010, état : 50%
										<strong>
											<a href="v_gestion_tache.html" class="lien_modifier_tache">Modifier cette tâche</a>
											<a href="test.html" class="lien_supprimer_tache" onclick="return confirmationSuppression();">Supprimer cette tâche</a>
										</strong>
					</li>
				</ul>
			</div>


		<div class="texte_projet_clair"><strong>Gestion d'un immeuble</strong></div>
		<div class="fond_liste_projet_gris_fonce">
			<span class="commentaire_projet_liste"><strong>Nom de mon activité 1, a été créée le 11 septembre 2010 et doit se terminer le 14 septembre 2010. Elle est à 25% terminer et est urgente.</strong></span>
			<br/><strong>
					<a href="v_modifie_activite.html" class="lien_modifier_activite">Modifier cette activité</a>
					<a href="test.html" class="lien_supprimer_activite" onclick="return confirmationSuppression();">Supprimer cette activité</a>
				</strong>
		</div>
		<div class="liste_ensemble_activite">
			<ul>
				<li class="liste_decalage_activite_gris_fonce">Tâche 1, date du 11/12/2010 et doit se terminer le 12/12/2010, état : 50%
										<strong>
											<a href="v_gestion_tache.html" class="lien_modifier_activite">Modifier cette tâche</a>
											<a href="test.html" class="lien_supprimer_activite" onclick="return confirmationSuppression();">Supprimer cette tâche</a>
										</strong>
				</li>
				<li class="liste_decalage_activite_gris_clair">Tâche 1, date du 11/12/2010 et doit se terminer le 12/12/2010, état : 50%
										<strong>
											<a href="v_gestion_tache.html" class="lien_modifier_activite">Modifier cette tâche</a>
											<a href="test.html" class="lien_supprimer_activite" onclick="return confirmationSuppression();">Supprimer cette tâche</a>
										</strong>
				</li>
			</ul>
		</div>
	</div>
</body>
</html>
